<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面登录</title>
    <link rel="stylesheet" type="text/css" href="页面登录.css" />
    <script src="页面登录.js"></script>
</head>
<body>
    <div class="control" id="control">
        <div class="item">
            <div class="active">密码登录</div><div>短信登录</div>
        </div>
        <div class="content" id="content">
            <div style="display: block;">
                <input type="text" placeholder="请输入手机号">
                <br/>
                <input type="password" placeholder="请输入密码">
                <br/>
                <input type="submit" value="登录"/>
                <input type="checkbox"><span id="checkboxmessage" class="checkboxmessage">下次自动登录</span>
                <button id="administrators" class="administrators" onclick="Show('control1')">管理员登录·</button>
                <button id="forget" class="forget" onclick="Show('control2')">忘记密码·</button>
                <button id="register" class="register" onclick="Show('control3')">注册</button>
            </div>
            <div>
                <input type="text" placeholder="请输入手机号">
                <br/>
                <input type="text" placeholder="请输入验证码">
                <span class="obtain">获取验证码</span>
                <br/>
                <input type="submit" value="登录"/>
                <input type="checkbox"><span id="checkbox" class="checkboxmessage">下次自动登录</span>
                <button id="administrators" class="administrators" onclick="Show('control1')">管理员登录·</button>
                <button id="forget" class="forget" onclick="Show('control2')">忘记密码·</button>
                <button id="register" class="register" onclick="Show('control3')">注册</button>
            </div>
        </div>
    </div>
    <div class="control" id="control1" style="display: none;">
        <div class="item1">
            <div class="active1">管理员登录</div>
        </div>
        <div class="content1">
            <div>
                <input type="text" placeholder="请输入账号">
                <br/>
                <input type="password" placeholder="请输入密码">
                <br/>
                <input type="submit" value="登录"/>
                <input type="checkbox"><span id="checkboxmessage" class="checkboxmessage1">下次自动登录</span>
            </div>
        </div>
    </div>
    <div class="control" id="control2" style="display: none; height: 769px;">
        <div class="item2">
            <div class="active2">找回密码</div>
        </div>
        <div class="content2">
            <div>
                <input type="text" placeholder="请输入手机号">
                <br/>
                <input type="password" placeholder="重置密码">
                <br/>
                <input type="password" placeholder="确认密码">
                <br/>
                <input type="text" placeholder="请输入验证码">
                <br/>
                <span class="obtain2">获取验证码</span>
                <input type="submit" value="登录"/>
            </div>
        </div>
    </div>
    <div class="control" id="control3" style="display: none; height: 769px;">
        <div class="item3">
            <div class="active3">注册</div>
        </div>
        <div class="content3">
            <div>
                <input type="text" placeholder="请输入手机号">
                <br/>
                <input type="password" placeholder="请设置密码">
                <br/>
                <input type="text" placeholder="请输入姓名" style="width: 240px;">   
                <input tyoe="text" placeholder="请输入期数方向" class="master">
                <br/>
                <input type="text" placeholder="请输入邀请码">
                <br/>
                <input type="submit" value="注册"/>
            </div>
        </div>
    </div>
</body>
</html>